$(function () {
  const layuiPage = layui.laypage
  const data = {
    pagenum: 1,
    pagesize: 1
  }
  function renderUserListt() {
    $.ajax({
      url: 'admin/users',
      data,
      success(res) {
        let str = template('tpl-list', res)
        $('tbody').html(str)

        layuiPage.render({
          elem: 'page',
          count: res.total, //数据总数，从服务端得到
          limit: data.pagesize,
          curr: data.pagenum,
          limits: [1, 5, 10],
          layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
          jump: function (obj, first) {
            //obj包含了当前分页的所有参数，比如：
            // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            // console.log(obj.limit); //得到每页显示的条数
            data.pagenum = obj.curr
            data.pagesize = obj.limit
            //首次不执行
            if (!first) {
              //do something
              renderUserListt()
            }
          }
        });
      }
    })
  }
  renderUserListt()

  const form = layui.form


  // 点击编辑

  $('body').on('click', 'button:contains("编辑")', function () {
    let id = $(this).attr('data-id')
    location.href = '../user/edit.html?id=' + id
  })

  // 点击删除

  $('body').on('click', 'button:contains("删除")', function () {
    let id = $(this).attr('data-id')
    layer.confirm('Are You sure?', function (index) {
      //do something
      $.ajax({
        url: 'admin/users/' + id,
        type: 'DELETE',
        success(res) {
          layer.msg(res.message)
          if (res.status === 0) {
            renderUserListt()
          }
        }
      })
      layer.close(index);
    });
  })



  // 点击重置密码

  let id
  $('body').on('click', 'button:contains("重置密码")', function () {
    let tplFormStr = $('#tpl-form').html()
    id = $(this).attr('data-id')
    layer.open({
      type: 1,
      title: '重置密码',
      content: tplFormStr,
      area: ['500px', '300px'],
    });
  })

  // 修改密码
  $('body').on('submit', function (e) {
    e.preventDefault()
    let content = $('input[name=password]').val()

    $.ajax({
      url: 'admin/users/' + id,
      type: 'PUT',
      data: {
        password: content
      },
      success(res) {
        layer.msg(res.message)
        layer.closeAll();
      }
    })

  })
  // 表单验证
  form.verify({
    pass: [
      /^[\S]{6,12}$/
      , '密码必须6到12位，且不能出现空格'
    ],
    same(val) {
      if (val !== $('input[name=password]').val()) return '俩次密码不一致'

    },

  })





})